.gateruler-search-series-popup {
  padding-top: 37px;
  border-radius: 20px;

  .van-popup__close-icon {
    top: 15px;
    font-size: 28px;
  }

  .series-box {
    height: 88%;
  }

  .series-year-box {
    position: relative;
    z-index: 2;
    height: 100%;
    overflow-y: auto;
    width: 150px;
    display: inline-block;
    vertical-align: top;

    .series-year-item {
      padding-left: 47px;
      height: 80px;
      line-height: 80px;
      font-size: 28px;

      &.active {
        background: #fff;
        box-shadow: -3px 0 6px 2px rgb(0 0 0 / 4%);
      }
    }
  }

  .series-list-box {
    position: relative;
    z-index: 1;
    width: 75%;
    height: 100%;
    overflow-y: auto;
    display: inline-block;
    vertical-align: top;
    padding: 30px 25px;
    background: #fff;
    box-shadow: -3px 0 6px 2px rgb(0 0 0 / 4%);

    .series-list-item {
      margin-bottom: 30px;
      padding: 10px;
      border: 2px dashed #fff;
      transition: all 0.2s;

      &.active {
        background: #efefef;
        border-radius: 13px;
        border: 2px dashed #000;
      }
    }
  }
}
